<!DOCTYPE html>

<html lang="en">

<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<link href="./assets/style/swiper.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="./assets/style/index.css">
	<link rel="stylesheet" type="text/css" href="./assets/style/index_iconfont.css">
</head>

<body>
	<div class="layout-banner-box">
		<div class="swiper-container swiper-container-horizontal">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="https://mp.weixin.qq.com/s/q78FeX7noZyt-VPnGMekPw">
						<img src="./assets/images/lunbo-1.jpg">
					</a>
				</div>
				<div class="swiper-slide">
					<a href="https://mp.weixin.qq.com/s/CtLuPuOdTJ5nndRp58zAzw">
						<img src="./assets/images/lunbo-2.jpg">
					</a>
				</div>
				<div class="swiper-slide">
					<a href="https://mp.weixin.qq.com/s/xbeuy1mofc8m3alMqBwAhA">
						<img src="./assets/images/lunbo-3.jpg">
					</a>
				</div>

			</div>
			<div class="swiper-pagination"></div>
		</div>
	</div>

	<div id="fixed" class="layout-filter">
		<div class="layout-filter-item act" v-id="0" v-bg-color="#58423b">
			<!-- <i class="iconfont icon-gps"></i>
			<h6>食</h6> -->
		</div>
		<div class="layout-filter-item" v-id="1" v-bg-color="#3e3c52">
			<!-- <i class="iconfont icon-bijiniyongzhuang-"></i>
			<h6>秀</h6> -->
		</div>
		<div class="layout-filter-item" v-id="2" v-bg-color="#141615">
			<!-- <i class="iconfont icon-icon"></i>
			<h6>瘦</h6> -->
		</div>
		<div class="layout-filter-item" v-id="3" v-bg-color="#323026">
			<!-- <i class="iconfont icon-haoping"></i>
			<h6>作</h6> -->
		</div>

	</div>
	<div class="layout-main">
		<div class="layout-list">
		</div>
	</div>

</body>
<script src="./assets/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
<script src="./assets/js/main.js"></script>
<script>

</script>

</html>